.plan-price {
	margin: 0;
	font-size: 28px;
	line-height: 1.5;
	color: var( --color-neutral-70 );

	&.is-placeholder {
		@include placeholder( --color-neutral-10 );
		width: 60px;
		margin: 10px 0;
		height: 21px;
	}

	.badge {
		margin-left: 8px;
		vertical-align: super;
	}

	@include breakpoint-deprecated( '<960px' ) {
		font-size: 24px;
	}
}

.plan-price.is-original {
	color: var( --color-neutral-light );
}

.plan-price.is-discounted {
	color: var( --color-success );
}

.plan-price.is-discounted,
.plan-price.is-original {
	position: relative;
	align-items: stretch;
	margin-right: 8px;
}

.plan-price.is-original::before {
	position: absolute;
	content: '';
	left: 0;
	top: 50%;
	right: 0;
	border-top: 2px solid var( --color-accent );
	transform: rotate( -16deg );
	opacity: 0.9;
}

.plan-price__currency-symbol,
.plan-price__fraction,
.plan-price__tax-amount {
	vertical-align: super;
	font-size: $font-body-extra-small;
}

.plan-price.is-discounted .plan-price__currency-symbol {
	color: var( --color-success );
}

.plan-price__tax-amount {
	margin-left: 4px;
}

.plan-price__currency-symbol,
.plan-price__tax-amount {
	color: var( --color-text-subtle );
}

.plan-price__integer {
	margin: 0 1px;
	font-weight: 400;
}

.plan-price__fraction {
	font-weight: 600;
}
